<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!doctype html >
<html>
<head>
<meta charset="utf-8">
<title>推广金提取记录</title>
<link media="all" href="${ctx}/css/box.css" rel="stylesheet"> 
<link href="${ctx}/css/common.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
<script type="text/javascript" src="${ctx}/js/jquery.min.js"></script>
<script src="${ctx}/js/handlebars-v2.0.0.js"></script>
<style>
@media (min-width:414px) {
.wrap-extend > ul > li{
    height:60px;
}
.extend-word > div{
    width:95%;
    height:60px;
    line-height:60px;
    font-size:16px;
}
}
@media (max-width:413px) {
.wrap-extend > ul > li{
    height:50px;
}
.extend-word > div{
    width:95%;
    height:50px;
    line-height:50px;
    font-size:14px;
}
}
html{
    background-color:#f8f8f8;
}
body{
    background-color:#f8f8f8;
}
.wrap-extend{
    width:90%;
    height:auto;
    background-color:#FFF;
    margin:auto;
    margin-top:20px;
    outline:#eee 1px solid
}
.wrap-extend > ul{
    list-style:none;
}
.wrap-extend > ul > li{
    border-bottom:#ccc 1px solid;
}
.extend-word{
    width:100%
}
.extend-word > div{
    width:90%;
    margin:auto;
}
.extend-word > div:nth-child(1) > p:nth-child(1){
    float:left
}
.extend-word > div:nth-child(1) > p:nth-child(3){
    float:right;
    font-weight:bold;
    color:#fd6138
}
.extend-word > div:nth-child(1) > p:nth-child(2){
    float:right;
    color:#0C0;
    width:80px;
    text-align:right;
    font-weight:100;
}
.ing > div:nth-child(1) > p:nth-child(2){
    color:#ccc;
}
.wrap-extend > ul > li:last-child{
    border:none
}
</style>
</head>

<body>
<c:if test="${not empty agentBrokerageDrawList && not empty  agentBrokerageDrawList.rows}">
    <div class="wrap-extend">
    
	    <ul>
	        <c:forEach items="${agentBrokerageDrawList.rows}" var="agentBrokerageDraw" >
		        <li>
		            <div class="extend-word ing">
		                <div>
		                    <p>${agentBrokerageDraw.drawDate}</p>
		                    <p>${agentBrokerageDraw.DDrawCharge}</p>
		                    <c:if test="${agentBrokerageDraw.drawState == 1}">
		                        <p>审核中</p>
		                    </c:if>
		                    
		                    <c:if test="${agentBrokerageDraw.drawState == -1}">
		                        <p>审核不通过</p>
		                    </c:if>
		                    
		                    <c:if test="${agentBrokerageDraw.drawState == 0}">
		                        <p>OK</p>
		                    </c:if>
		                </div>
		             </div>
		        </li>
	        </c:forEach> 
	    </ul>
    
    
</div>
</c:if>
<c:if test="${empty agentBrokerageDrawList || empty agentBrokerageDrawList.rows}">
        <div class="wrap">
            <div class="hold-on">
                <img src="${ctx}/img/none.png">
                <p>亲，您暂时没有提取记录</p>
            </div>
        </div>
    </c:if>
</body>
</html>
